<template>
    <div id="home">

        <h1>{{ msg }}</h1>
        <h2>home组件</h2>
    </div>
</template>



<script>
/**
 * 使用fetchJsonp 请求jsonp数据，此处需要引入外部的fetchjsonp，试用，暂时不做研究。
 */

import fetchJsonp from "fetchJsonp";

export default {
  name: "home",
  data() {
    return {
      msg: "home组件",
      list: []
    };
  },
  methods: {
    getData() {
      var result = fetchJsonp(
        "http://www.flickr.com/services/feeds/photos_public.gne?format=json",
        {
          jsonpCallback: "jsoncallback",
          timeout: 3000
        }
      );
      result
        .then(function(response) {
          return response.json();
        })
        .then(function(json) {
          console.log(JSON.stringify(json));
        })
        ["catch"](function(ex) {
          console.log(e);
        });
    }
  },
  mounted() {
    console.log("组件渲染完毕");
    this.getData();
  }
};
</script>

<style lang="scss">
</style>